<template>
  <h2>请点击下列卡片进入对应系统......</h2>
  <el-space wrap>
    <el-link href="http://10.36.8.159:9060" target="_blank">
      <el-card class="box-card">
        <template #header>
          <div class="card-header">
            <el-tag size="large" effect="dark"> 三坐标数据分析系统 </el-tag>
          </div>
        </template>
        <div>
          <p>三坐标数据查询、趋势分析、对比</p>
        </div>
      </el-card>
    </el-link>
    <el-link href="http://8.134.193.137:8080" target="_blank">
      <el-card class="box-card">
        <template #header>
          <div class="card-header">
            <el-tag size="large" effect="dark"> 备用系统 </el-tag>
          </div>
        </template>
        <div>
          <p>云端备用系统</p>
        </div>
      </el-card>
    </el-link>
  </el-space>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
.box-card {
  width: 250px;
  height: 200px;

  el-tag {
    font-size: 32px;
  }
}
</style>
